<template>
  <div class="role">
    <page-search v-model:form-data="formData" :form-config="formConfig" />
    <page-content :table-config="tableConfig" :page-info="page" title="角色" />
  </div>
</template>

<script setup lang="ts">
import { tableConfig } from './config/content.config'
import PageContent from '@/components/page-content'
import PageSearch from '@/components/page-search'
import { useStore } from '@/store'
import { computed, ref } from '@vue/reactivity'
import { formConfig } from './config/search.config'
const store = useStore()
const page = {
  pageName: 'role',
  queryInfo: {}
}
const formData = ref({
  id: '',
  name: '',
  intro: '',
  createTime: ''
})
// const roleList = computed(() => store.state.system.roleList)
</script>

<style scoped></style>
